Vue.config.productionTip=false  //以阻止 vue 在启动时生成生产提示。 <!-- 全局配置 -->
new Vue({
    el:'#login-app',
    data:{
        loading: true,         //页面加载,false:关闭,true:加载中
        switchover: true,       //切换
        patternString: '用户名登录',
        //倒计时
        showTime: false,
        downTime: 0,
        //管理员信息
        formUser:{
            username:'',
            password:'',
        },
        formEmail: {
            email: '',
            verCode: '',
        },
        //
        //表单规则
        rules1:{
            username: [{ required: true, message: '用户名不能为空', trigger: 'blur' },
                { min:2,max:80, message: '用户名不能小于2位,，大于80位', trigger: 'blur' },
            ],  //blur失去焦点
            password: [{ required: true, message: '密码不能为空', trigger: 'blur'},
                { pattern: /^[ a-zA-Z0-9]{6,30}$/, message: '密码不能小于6位,不能大于30位,无特殊字符', trigger: 'blur'},
            ],
        },
        rules2:{
            email: [{ required: true, message: '邮箱不能为空', trigger: 'blur' },
                { pattern: /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/, message: '请输入正确的邮箱', trigger: 'blur' },
            ],  //blur失去焦点
            verCode: [
                {required: true,  message: '验证码不能为空', trigger: 'blur'}
            ],
        },
    },
    created(){
        this.closeLoading();
    },
    methods:{
        //切换成手模式登录
        tradeIn(){
            if(this.switchover){
                this.switchover=false;
                this.patternString='用户名登录';
            }else{
                this.switchover=true;
                this.patternString='邮箱验证登录';
            }
        },
        //倒计时关闭窗口加载
        closeLoading(){
            setTimeout(()=>{
                this.loading = false;        //关闭页面加载
            },2000);
        },
        //实现倒计时
        Time() {
            this.downTime=30;
            var time=setInterval(() => {
                this.downTime -= 1;
                if(this.downTime==0){
                    this.showTime=false;
                    clearInterval(time);
                }
            }, 1000)
        },
        //获取验证码
        gainVerCode(){
            // this.Time();
            // axios({
            //     method: "GET",
            //     url: "/user/gainVerCode/"+this.formEmail.email,
            // }).then((res)=>{
            //     if(res.data){
            //         this.$message.success({
            //             message: '已发送到此邮箱，请注意接收',
            //             type: 'success'
            //         });
            //     }else{
            //         this.$message.error('邮箱不存在');
            //     }
            // });
            // this.showTime=true;
        },
        //管理员登录
        loginData(){
            this.$refs.formUser.validate((valid) => {
                if (valid) {
                    axios({
                        method: "POST",
                        url: "/admin/login",
                        data:{
                            username: this.formUser.username,
                            password: this.formUser.password
                        },
                    }).then((res)=>{
                        if(res.data.code==0){
                            this.$message.error('用户名或密码错误');
                        }else{
                            this.$message.success({
                                message: '登陆成功，即将跳转',
                                type: 'success'
                            });
                            setTimeout(function () {
                                location.href="/index.html";
                            },500)

                        }
                    });
                } else {
                    this.$message.error('此提交不符合规则');
                    return false;
                }
            });
        }
    }
});